<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">

<!-- BEGIN HEAD -->

<head>

<meta charset="utf-8" />

<title>学生信息</title>

<meta content="width=device-width, initial-scale=1.0" name="viewport" />
<meta content="" name="description" />
<meta th:content="${session.authorities}" id="authority" />

<!-- BEGIN GLOBAL MANDATORY STYLES -->

<link href="/media/css/bootstrap.min.css" rel="stylesheet"
	type="text/css" />
<link href="/media/css/bootstrap-responsive.min.css" rel="stylesheet"
	type="text/css" />

<link href="/media/css/font-awesome.min.css" rel="stylesheet"
	type="text/css" />

<link href="/media/css/style-metro.css" rel="stylesheet" type="text/css" />

<link href="/media/css/style.css" rel="stylesheet" type="text/css" />

<link href="/media/css/style-responsive.css" rel="stylesheet"
	type="text/css" />
<link rel="shortcut icon" href="media/image/favicon.ico" />
<style>
.list {
	list-style: none;
	float: left;
	width: 70px;
	height: 70px;
}

.icon-bookmark {
	margin-left: 10px;
}

#avater {
	margin: 0 auto;
}

#avater .span4 {
	border-right: 1px solid blue;
}
</style>
</head>

<!-- END HEAD -->

<!-- BEGIN BODY -->

<body class="">



	<!-- BEGIN CONTAINER -->

	<div class="">
		<!-- BEGIN PAGE -->
		<div class="page-content" style="margin: 0 40px;">
			<!-- BEGIN PAGE CONTAINER-->
			<div class="">
				<!-- BEGIN PAGE CONTENT-->
				<div class="row-fluid">
					<div class="span9" style="border: 1px solid green;">
						<!-- BEGIN FORM-->
						<div class="form-horizontal form-view">
							<h3 class="form-section" style="margin-left: 10px;">
								<i class="icon-bookmark"> 学员基本资料 </i>
							</h3>
							<div class="row-fluid">
								<div class="span6 ">
									<div class="control-group">
										<label class="control-label" for="firstName">学员姓名:</label>
										<div class="controls">
											<span class="text" th:text="${student.stuName}">Bob</span>
										</div>
									</div>
								</div>
								<!--/span-->
								<div class="span6 ">
									<div class="control-group">
										<label class="control-label" for="lastName">学员昵称:</label>
										<div class="controls">
											<span class="text" th:text="${student.stuNickName}">Nilson</span>
										</div>
									</div>
								</div>
								<!--/span-->
							</div>
							<!--/row-->
							<div class="row-fluid">
								<div class="span6 ">
									<div class="control-group">
										<label class="control-label">学员生日:</label>
										<div class="controls">
											<span class="text"
												th:text="${student.stuBirth != null} ?${#calendars.format(student.stuBirth,'yyyy-MM-dd')}:2017-4-28">2017-08-25</span>
										</div>
									</div>
								</div>
								<!--/span-->
								<div class="span6 ">
									<div class="control-group">
										<label class="control-label">家长姓名:</label>
										<div class="controls">
											<span class="text" th:text="${student.stuParentName}">王子文</span>
										</div>
									</div>
								</div>
								<!--/span-->
							</div>
							<!--/row-->
							<div class="row-fluid">
								<div class="span6 ">
									<div class="control-group">
										<label class="control-label">手机号码:</label>
										<div class="controls">
											<span class="text" th:text="${student.stuPhone}">15988864930</span>
										</div>
									</div>
								</div>
								<!--/span-->
								<div class="span6 ">
									<div class="control-group">
										<label class="control-label">固定电话:</label>
										<div class="controls">
											<span class="text" th:text="${student.stuTelephone}">Free</span>
										</div>
									</div>
								</div>
								<!--/span-->
							</div>
							<div class="row-fluid">
								<div class="span6 ">
									<div class="control-group">
										<label class="control-label">备用号码:</label>
										<div class="controls">
											<span class="text" th:text="${student.stuBackupPhone}">15988864930</span>
										</div>
									</div>
								</div>
								<!--/span-->
								<div class="span6 ">
									<div class="control-group">
										<label class="control-label">Email:</label>
										<div class="controls">
											<span class="text" th:text="${student.stuEmail}">Free</span>
										</div>
									</div>
								</div>
								<!--/span-->
							</div>
							<div class="row-fluid">
								<div class="span6 ">
									<div class="control-group">
										<label class="control-label">QQ:</label>
										<div class="controls">
											<span class="text" th:text="${student.stuQq}">15988864930</span>
										</div>
									</div>
								</div>
								<!--/span-->
								<div class="span6 ">
									<div class="control-group">
										<label class="control-label">微信昵称:</label>
										<div class="controls">
											<span class="text" th:text="${student.stuWechatName}">Free</span>
										</div>
									</div>
								</div>
								<!--/span-->
							</div>
							<div class="row-fluid">
								<div class="span12">
									<div class="control-group">
										<label class="control-label">家庭住址:</label>
										<div class="controls">
											<span class="text" th:text="${student.stuHomeAddress}">15988864930</span>
										</div>
									</div>
								</div>

							</div>
							<!--/row-->
							<h3 class="form-section" style="margin-left: 10px;">
								<i class="icon-bookmark"> 学员高级资料 
							</h3>
							<div class="row-fluid">
								<div class="span12 ">
									<div class="control-group">
										<label class="control-label">学员来源:</label>
										<div class="controls">
											<span class="text" th:text="${student.stuSource}">广告</span>
										</div>
									</div>
								</div>
							</div>

							<div class="row-fluid">
								<div class="span6 ">
									<div class="control-group">
										<label class="control-label">录入日期:</label>
										<div class="controls">
											<span class="text"
												th:text="${student.stuJoinDate != null} ?${#calendars.format(student.stuJoinDate,'yyyy-MM-dd')}:2017-4-28">2017-10-23</span>
										</div>
									</div>
								</div>

								<!--/span-->
								<div class="span6">
									<div class="control-group">
										<label class="control-label">市场人员:</label>
										<div class="controls">
											<span class="text" th:text="${student.stuMarketPerson}">李明</span>
										</div>
									</div>
								</div>
								<!--/span-->
							</div>
							<!--/row-->
							<div class="row-fluid">
								<div class="span6 ">
									<div class="control-group">
										<label class="control-label">学员级别:</label>
										<div class="controls">
											<span class="text">457890</span>
										</div>
									</div>
								</div>
								<!--/span-->
								<div class="span6 ">
									<div class="control-group">
										<label class="control-label">学员状态:</label>
										<div class="controls">
											<span class="text">USA</span>
										</div>
									</div>

									<!-- END FORM-->
								</div>
							</div>
							<div class="row-fluid">
								<div class="span6 ">
									<div class="control-group">
										<label class="control-label">重要程度:</label>
										<div class="controls">
											<span class="text">457890</span>
										</div>
									</div>
								</div>
								<!--/span-->
								<div class="span6 ">
									<div class="control-group">
										<label class="control-label">首次接触:</label>
										<div class="controls">
											<span class="text">USA</span>
										</div>
									</div>

									<!-- END FORM-->
								</div>
							</div>
							<div class="row-fluid">
								<div class="span6 ">
									<div class="control-group">
										<label class="control-label">意向课程:</label>
										<div class="controls">
											<span class="text">457890</span>
										</div>
									</div>
								</div>
								<!--/span-->
								<div class="span6 ">
									<div class="control-group">
										<label class="control-label">销售阶段:</label>
										<div class="controls">
											<span class="text">USA</span>
										</div>
									</div>

									<!-- END FORM-->
								</div>
							</div>
							<div class="row-fluid">
								<div class="span6 ">
									<div class="control-group">
										<label class="control-label">签约日期:</label>
										<div class="controls">
											<span class="text">457890</span>
										</div>
									</div>
								</div>
								<!--/span-->
								<div class="span6 ">
									<div class="control-group">
										<label class="control-label">当前班级:</label>
										<div class="controls">
											<span class="text">USA</span>
										</div>
									</div>

									<!-- END FORM-->
								</div>
							</div>
							<div class="row-fluid">
								<div class="span6 ">
									<div class="control-group">
										<label class="control-label">导入批次:</label>
										<div class="controls">
											<span class="text">457890</span>
										</div>
									</div>
								</div>
								<!--/span-->
								<div class="span6 ">
									<div class="control-group">
										<label class="control-label">顾问／老师:</label>
										<div class="controls">
											<span class="text">USA</span>
										</div>
									</div>

									<!-- END FORM-->
								</div>
							</div>
							<div class="row-fluid">
								<div class="span12">
									<div class="control-group">
										<label class="control-label">基本情况:</label>
										<div class="controls">
											<span class="text">457890</span>
										</div>
									</div>
								</div>
							</div>
							<h3 class="form-section" style="margin-left: 10px;">
								<i class="icon-bookmark"> 学员其他资料 
							</h3>
							<div class="row-fluid">
								<div class="span6 ">
									<div class="control-group">
										<label class="control-label">组别:</label>
										<div class="controls">
											<span class="text" th:text="${student.stuSource}">广告</span>
										</div>
									</div>
								</div>
								<div class="span6 ">
									<div class="control-group">
										<label class="control-label">接待人:</label>
										<div class="controls">
											<span class="text" th:text="${student.stuSource}">广告</span>
										</div>
									</div>
								</div>
							</div>
							<div class="row-fluid">
								<div class="span6 ">
									<div class="control-group">
										<label class="control-label">目前积分:</label>
										<div class="controls">
											<span class="text" th:text="${student.stuSource}">广告</span>
										</div>
									</div>
								</div>
								<div class="span6 ">
									<div class="control-group">
										<label class="control-label">推广日期:</label>
										<div class="controls">
											<span class="text" th:text="${student.stuSource}">广告</span>
										</div>
									</div>
								</div>
							</div>
							<div class="row-fluid">
								<div class="span6 ">
									<div class="control-group">
										<label class="control-label">到访后跟进方式:</label>
										<div class="controls">
											<span class="text" th:text="${student.stuSource}">广告</span>
										</div>
									</div>
								</div>
								<div class="span6 ">
									<div class="control-group">
										<label class="control-label">学校:</label>
										<div class="controls">
											<span class="text" th:text="${student.stuSource}">广告</span>
										</div>
									</div>
								</div>
							</div>
						</div>



					</div>
					<div class="span3" style="border: 1px solid red; padding: 0;"
						id="user">
						<div class="row-fluid text-center" id="avater">
							<div class="span4">
								<div>成长轨迹</div>
								<div>5</div>
							</div>
							<div class="span4">
								<div>学员头像</div>
								<div>5</div>
							</div>
							<div class="span4" style="border-right: none;">
								<div>剩余课时</div>
								<div>5</div>
							</div>
						</div>
						<div class="row-fluid"
							style="padding-top: 15px; border-top: 1px solid blue;">
							<div class="span12"
								style="padding-bottom: 25px; padding-right: 0;">
								<ul class="text-center">
									<li class="list"><a href="javascript:" class="normal">
											<img src="/media/res/um01.png">
											<div>跟进记录</div>
									</a></li>
									<li class="list"><a href="javascript:" class="normal">
											<img src="/media/res/um02.png">
											<div>分配记录</div>
									</a></li>
									<li class="list"><a href="javascript:" class="normal">
											<img src="/media/res/um03.png">
											<div>短信记录</div>
									</a></li>
									<li class="list"><a href="javascript:" class="normal">
											<img src="/media/res/um04.png">
											<div>预约排课</div>
									</a></li>
									<li class="list"><a href="javascript:" class="normal">
											<img src="/media/res/um05.png">
											<div>预约活动</div>
									</a></li>
									<li class="list"><a href="javascript:" class="normal">
											<img src="/media/res/um06.png">
											<div>邮件记录</div>
									</a></li>
									<li class="list"><a href="javascript:" class="normal">
											<img src="/media/res/um07.png">
											<div>活动记录</div>
									</a></li>
									<li class="list"><a href="javascript:" class="normal">
											<img src="/media/res/um08.png">
											<div>上课记录</div>
									</a></li>
									<li class="list"><a href="javascript:" class="normal">
											<img src="/media/res/um09.png">
											<div>课评查看</div>
									</a></li>
									<li class="list"><a href="javascript:" class="normal">
											<img src="/media/res/um10.png">
											<div>查看合同</div>
									</a></li>
									<li class="list"><a href="javascript:" class="normal">
											<img src="/media/res/um11.png">
											<div>会 员 卡</div>
									</a></li>
									<li class="list"><a href="javascript:" class="normal">
											<img src="/media/res/um12.png">
											<div>课评曲线</div>
									</a></li>

								</ul>
							</div>
						</div>

					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- END PAGE CONTENT-->

	<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->

	<!-- BEGIN CORE PLUGINS -->

	<script src="/media/js/jquery-1.10.1.min.js" type="text/javascript"></script>

	<script src="/media/js/jquery-migrate-1.2.1.min.js"
		type="text/javascript"></script>

	<!-- IMPORTANT! Load jquery-ui-1.10.1.custom.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->

	<script src="/media/js/jquery-ui-1.10.1.custom.min.js"
		type="text/javascript"></script>

	<script src="/media/js/bootstrap.min.js" type="text/javascript"></script>

	<!--[if lt IE 9]>

	<script src="/media/js/excanvas.min.js"></script>

	<script src="/media/js/respond.min.js"></script>  

	<![endif]-->

	<script src="/media/js/jquery.slimscroll.min.js" type="text/javascript"></script>

	<script src="/media/js/jquery.blockui.min.js" type="text/javascript"></script>

	<script src="/media/js/jquery.cookie.min.js" type="text/javascript"></script>

	<script src="/media/js/jquery.uniform.min.js" type="text/javascript"></script>

	<!-- END CORE PLUGINS -->

	<!-- BEGIN PAGE LEVEL PLUGINS -->

	<script type="text/javascript" src="/media/js/select2.min.js"></script>

	<!-- END PAGE LEVEL PLUGINS -->

	<!-- BEGIN PAGE LEVEL SCRIPTS -->

	<script src="/media/js/app.js"></script>

	<script src="/media/js/form-samples.js"></script>

	<!-- END PAGE LEVEL SCRIPTS -->

	<script>
		jQuery(document).ready(function() {

			// initiate layout and plugins

			App.init();

			FormSamples.init();

		});
	</script>

	<!-- END JAVASCRIPTS -->

	<script type="text/javascript">
		var _gaq = _gaq || [];
		_gaq.push([ '_setAccount', 'UA-37564768-1' ]);
		_gaq.push([ '_setDomainName', 'keenthemes.com' ]);
		_gaq.push([ '_setAllowLinker', true ]);
		_gaq.push([ '_trackPageview' ]);
		(function() {
			var ga = document.createElement('script');
			ga.type = 'text/javascript';
			ga.async = true;
			ga.src = ('https:' == document.location.protocol ? 'https://'
					: 'http://')
					+ 'stats.g.doubleclick.net/dc.js';
			var s = document.getElementsByTagName('script')[0];
			s.parentNode.insertBefore(ga, s);
		})();
	</script>
</body>

<!-- END BODY -->

</html>